﻿@using AppWeb.Componentes.DAReclamos.Model
@{
    ViewBag.Title = "Bandeja de Reclamos";

    List<Reclamo> listadoReclamos = (List<Reclamo>)ViewBag.ListadoReclamos;
    List<Personal> listadoAnalistas = (List<Personal>)ViewBag.ListadoAnalistas;
}
<script type="text/javascript">

    $(document).ready(function () {
        //        $('#bandejaReclamos').dataTable({
        //            //            "sDom": "<'row'<'span8'l><'span8'f>r>t<'row'<'span8'i><'span8'p>>",
        //            //            "sPaginationType": "bootstrap"
        //        });

        $(".select_analista_id").change(function () {

            var select = $(this);
            var reclamo_id = select.attr("data-reclamo_id");
            var analista_id = select.val();
            var vista = "";

            $.ajax({
                url: URL_PAGE + 'AtencionReclamos/Administrador/AsignaAnalistaAReclamo',
                data: JSON.stringify({ reclamo_id: reclamo_id, analista_id: analista_id }),
                type: 'POST',
                contentType: 'application/json;',
                dataType: 'json',
                success: function (data) {
                    var exito = data[0] === "True";
                    if (exito) {
                        var tr = select.parents("tr");

                        if (select.val() == 1) {
                            vista = "estado_registrado";
                        }
                        else if (select.val() > 1) {
                            vista = "estado_asignado";
                        }
                        tr.attr("class", vista);
                        tr.children(".estado").text(data[1]);
                        tr.effect("highlight", {}, 2000, callback(tr));
                    }

                }
            });
        });

        function callback(tr) {
            setTimeout(function () {
                tr.removeAttr("style").hide().fadeIn("slow");
            }, 100);
        };



        $(".eliminarReclamo").click(function () {
            alert("entro");
            eliminarReclamo($(this).attr("data-reclamo_id"));
        });

        function eliminarReclamo(reclamo_id) {
            $.ajax({
                url: URL_PAGE + 'AtencionReclamos/Administrador/EliminarReclamo',
                data: JSON.stringify({ reclamo_id: reclamo_id }),
                type: 'POST',
                contentType: 'application/json',
                dataType: 'json',
                success: function (data) {
                    alert(data);
                }
            });
        };


        $('#bandejaReclamos').dataTable();

    });

</script>
<fieldset class="fieldset">
    <legend>Bandeja de Reclamos</legend>
    <div class="row-fluid">
        <table id="bandejaReclamos">
            <thead>
                <tr>
                    <th>
                        Tienda
                    </th>
                    <th>
                        DNI Cliente
                    </th>
                    <th>
                        Nombre Cliente
                    </th>
                    <th>
                        Tipo Reclamo
                    </th>
                    <th>
                        Fechas Registro
                    </th>
                    <th>
                        Fechas Maxima Atención
                    </th>
                    <th>
                        Fechas Solución
                    </th>
                    <th>
                        Estado
                    </th>
                    <th>
                        Analista
                    </th>
                    <th>
                        Ver
                    </th>
                </tr>
            </thead>
            <tbody>
                @if (listadoReclamos != null)
                {

                    foreach (Reclamo reclamo in listadoReclamos)
                    {

                        string vista = "";
                        if (reclamo.estado_id == 1 && reclamo.fecha_atencion_final > DateTime.Today)
                        {
                            vista = "estado_registrado";
                        }
                        if (reclamo.estado_id == 2 && reclamo.fecha_atencion_final > DateTime.Today)
                        {
                            vista = "estado_asignado";
                        }
                        else if (reclamo.estado_id == 3 && reclamo.fecha_atencion_final > DateTime.Today)
                        {
                            vista = "estado_atencion";
                        }
                        else if (reclamo.estado_id == 4)
                        {
                            vista = "estado_solucionado";
                        }
                        else if (reclamo.fecha_atencion_final < DateTime.Today)
                        {
                            vista = "estado_vencido";
                        }
                        
                       
                    <tr class="@vista">
                        <td>
                            @reclamo.punto_venta_nombre
                        </td>
                        <td>
                            @reclamo.documento_identidad_numero
                        </td>
                        <td>
                            @reclamo.nombres
                        </td>
                        <td>
                            @reclamo.tipo_reclamo_nombre
                        </td>
                        <td>
                            @reclamo.fecha_atencion_inicio.ToString("dd/MM/yyyy")
                        </td>
                        <td>
                            @reclamo.fecha_atencion_final.ToString("dd/MM/yyyy")
                        </td>
                        <td>@if (reclamo.fecha_solucion.HasValue)
                            {
                                @reclamo.fecha_solucion.ToString()
                            }
                        </td>
                        <td class="estado">
                            @reclamo.estado_reclamo_nombre
                        </td>
                        <td >
                            <div class="controls" >
                                <select class="select_analista_id" id="analista" name="select_analista_id" data-reclamo_id="@(reclamo.id)">
                                    @if (listadoAnalistas != null)
                                    {
                                        foreach (Personal personal in listadoAnalistas)
                                        {
                                            <option value="@personal.id" @(reclamo.analista_id == personal.id ? "selected=selected" : "")>
                                                @(personal.es_administrador ? "No Asignado..." : personal.nombres + " " + personal.apellidos)
                                            </option>
                                        }
                                    }
                                </select>
                            </div>
                        </td>
                        <td align="center">
                            <a href="#" data-placement="top" data-toggle="tooltip" data-original-title="Visualizar Información"><i id="verReclamo" class="cursor verReclamo icon-search" data-reclamo_id="@(reclamo.id)"></i></a>
                        </td>
                    </tr>
                    }
                }
            </tbody>
            <tfoot>
                <tr>
                    <th>
                    </th>
                    <th>
                    </th>
                    <th>
                    </th>
                    <th>
                    </th>
                    <th>
                    </th>
                    <th>
                    </th>
                    <th>
                    </th>
                    <th>
                    </th>
                    <th>
                    </th>
                    <th>
                    </th>
                </tr>
            </tfoot>
        </table>
    </div>
</fieldset>

